<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>ประปา</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<link href="assets/css/style.css" rel="stylesheet" />
<script src="assets/js/modernizr.js" type="text/javascript"></script>
</head>

<body>
<div class="wrapper">
	
	<div id="header-bar">
		<img src="assets/images/logo.png" height="50" id="main-logo"  />
	</div><!-- END header-bar-->
	
	<div id="top-bar" class="clearfix">
		<div class="pull-right">
			<ul class="bar-menu clearfix">
				<li class="envelope-main"><a href="javascript:void()"><i class="fa fa-cog"></i></a>
					<div class="popup-info"><div class="notification">
						<div class="clearfix" id="bg-change">
					<div class="pull-left">เลือกพื้นหลัง :</div>
					<div class="pull-left change-bg"  id="theme-bg-1"></div> 
					<div class="pull-left change-bg" id="theme-bg-2"></div> 
					<div class="pull-left change-bg"  id="theme-bg-3"></div> 
					<div class="pull-left change-bg"  id="theme-bg-4"></div>  
				</div>
					</div></div>
				</li>
				
				<li class="envelope-main"><a href="javascript:void()"><i class="fa fa-envelope"></i> <span class="badge">2</span></a>
					<div class="popup-info"><div class="notification">Insert Notification</div></div>
				</li>	
				<li class="admin-info"><a href="javascript:void()"><i class="fa fa-user"></i> administrator</a>
					<div class="popup-info"><div class="notification">Insert Admin Info</div></div>
				</li>
				
			</ul>
		</div>
	</div><!-- END Top-Bar -->
	
	<div id="detail-area" class="clearfix">
		<div class="hidden-xs hidden-sm page-sidebar" id="side-menu">
			<ul class="page-sidebar-menu">
				<li class="info ">
					<div class="clearfix">
						<div><strong>ยินดีต้อนรับ</strong></div>
						<div><i class="fa fa-user"></i> หัวหน้าส่วนงาน</div>
						<div class="mt-10"><strong>คุณเข้าระบบครั้งล่าสุดเมื่อ</strong></div>
						<div class="mb-10"><i class="fa fa-clock-o"></i> 23 / 04 / 2557 13:05:44</div>
					</div>
				</li>
				
				<li><a href="javascript:void()" ><i class="fa fa-briefcase"></i> การจัดการระบบ <span class="arrow"></span></a>
				<ul class="sub-menu">
						<li><a href="javascript:void(0)"  ><i class="fa fa-folder"></i> ตารางรหัสอ้างอิง <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลองค์กร</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมุลเขตผู้ใช้น้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลประเภทผู้ใช้น้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมุลรหัสรับเงิน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลขนาดมาตรวัดน้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลยี่ห้อมาตรวัดน้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลประเภทติดตั้งประปา</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลกลุ่มคำร้อง</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลรหัสคำร้อง</a></li>
								
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลหมายเหตุการอ่านมาตรวัดน้ำ</a></li>
							</ul>
						</li>
						
						<li class="menu-last-child  have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> ตารางรหัสควบคุมระบบ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลเลขใบแจ้งหนี้</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลหมายเลขใบเสร็จรับเงิน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลการคิดอัตราค่าน้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> บันทึกข้อมูลพนักงานอ่านมาตรวัดน้ำ</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> ยกเลิกการรับเงินรายกลุ่ม</a></li>
							</ul>
						</li>
					</ul>
				</li>
				
				
				<li ><a href="javascript:void()" class="active"><i class="fa fa-briefcase"></i> ทะเบียนผู้ใช้น้ำ <span class="arrow"></span></a>
				<ul class="sub-menu">
						<li><a href="menu-1.html" ><i class="fa fa-folder"></i> เพิ่มทะเบียนผู้ใช้น้ำ</a></li>
						<li><a href="menu-2.html" ><i class="fa fa-folder"></i> แก้ไขทะเบียนผู้ใช้น้ำ</a></li>
						<li><a href="javascript:void()"><i class="fa fa-folder"></i> สถิติการใช้น้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> สอบถามข้อมูลผู้ใช้น้ำ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> สถิตถการใช้น้ำ</a></li>
							</ul>
						</li>
						<li class="menu-last-child  have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานข้อมูลการใช้น้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานรายละเอียดผู้ใช้น้ำ</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานข้อมูลเงินประกัน</a></li>
							</ul>
						</li>
					</ul>
				</li>
				
				<li class="active"><a href="javascript:void()"><i class="fa fa-briefcase"></i> อ่านมาตร<span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="menu-3.html" ><i class="fa fa-folder"></i> เตรียมข้อมูลการอ่านมาตร</a></li>
						<li><a href="menu-4.html"><i class="fa fa-folder"></i> บันทึก/แก้ไขข้อมูลการอ่านมาตร</a></li>
						<li class="active" ><a href="menu-5.html"><i class="fa fa-folder"></i> แก้ไขข้อมูลการอ่านมาตร</a></li>
						<li  class="menu-last-child   have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานเส้นทางการอ่านน้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานสถานะเส้นทางการอ่านมาตร</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i>  รายงานข้อมูลการอ่านน้ำ (น้ำสูง)</a></li>
							</ul>
						</li>
						
					</ul>
				</li>
				
				<li><a href="javascript:void()"><i class="fa fa-briefcase"></i> ลูกหนี้ <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="javascript:void()"><i class="fa fa-folder"></i> พิมพ์ใบแจ้งหนี้</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> บันทึกข้อมูลใบแจ้งหนี้ (MB) <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="menu-6.html"><i class="fa fa-coffee"></i> บันทึกข้อมูลใบแจ้งหนี้ (MB)</a></li>
								<li><a href="menu-7.html"><i class="fa fa-coffee"></i> แก้ไขข้อมูลใบแจ้งหนี้ (MB)</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  ยกเลิกข้อมูลใบแจ้งหนี้ (MB)</a></li>
							</ul>
						</li>
						<li class="menu-last-child   have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานข้อมูลลูกหนี้ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  รายงานเบิกจ่ายใบแจ้งหนี้และใบเสร็จ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i>   รายงานยกเลิกใลแจ้งหนี้</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i>   รายงานการจัดทำใบแจ้งหนี้</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i>   รายงานข้อมูลลูกหนี้</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i>   รายงานค่าน้ำประปาประจำเดือน</a></li>
							</ul>
						</li>
					</ul>
				</li>
				
				<li><a href="javascript:void()"><i class="fa fa-briefcase"></i> รับเงิน <span class="arrow"></span></a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รับเงินค่าน้ำ <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="menu-8.html"><i class="fa fa-coffee"></i> รับเงินค่าน้ำรายเดี่ยว</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รับเงินค่าน้ำรายกลุ่ม</a></li>
							</ul>
						</li>
						<li><a href="menu-9.html" ><i class="fa fa-folder"></i> รับเงินค่าอื่นๆ</a></li>
						<li><a href="menu-11.html" ><i class="fa fa-folder"></i> ยกเลิกข้อมูลการรับเงิน</a></li>
						<li><a href="javascript:void()"><i class="fa fa-folder"></i> ปิดการรับเงิน <span class="arrow "></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> ปิดการรับเงินประจำวัน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> ยกเลิกการปิดการรับเงินประจำวัน</a></li>
							</ul>
						</li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> สอบถามข้อมูลการรับเงิน <span class="arrow"></span></a>
							<ul class="sub-menu">
								<li><a href="menu-10.html"><i class="fa fa-coffee"></i> สอบถามตามใบเสร็จ</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> สอบถามตามวันที่รับเงิน</a></li>
							</ul>
						</li>
							
						<li class="menu-last-child have-sub"><a href="javascript:void()"><i class="fa fa-folder"></i> รายงานการรับเงิน <span class="arrow "></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานก่อนปิดการรับเงินประจำวัน</a></li>
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานหลังปิดการรับเงินประจำวัน</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานสรุปการรับเงินประจำวัน</a></li>
							</ul>
						</li>
						
					</ul>
				</li>
				
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  คำร้อง</a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> คำร้องขอติดตั้งประปา</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> คำร้องเกี่ยวกับมาตรวัดน้ำ</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> คำร้องอื่นๆ</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> ยกเลิกคำร้อง</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> สอบถามคำร้อง</a></li>
						<li class="menu-last-child   have-sub"><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงาน <span class="arrow "></span></a>
							<ul class="sub-menu">
								<li><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานการรับคำร้องประจำวัน</a></li>
								<li class="menu-last-child "><a href="javascript:void()"><i class="fa fa-coffee"></i> รายงานสรุปการรับคำร้อง</a></li>
							</ul>
						</li>
						
					</ul>
				
				</li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  รายงานผู้บริหาร</a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานรายได้จากการบริการ</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าขยะประจำวัน</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าขยะประจำเดือน</a></li>
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าบำบัดน้ำเสียประจำวัน</a></li>
						<li class="menu-last-child "><a href="javascript:void()" ><i class="fa fa-folder"></i> รายงานสรุปยอดเก็บค่าบำบัดน้ำเสียประจำเดือน</a></li>
					</ul>
				</li>
				
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  ระงับการใช้น้ำ (ผูกลวด)</a></li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  มาตรครบวาระ</a></li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  MWA Admin <span class="arrow "></span></a>
					<ul class="sub-menu">
						<li><a href="javascript:void()" ><i class="fa fa-folder"></i> กำหนดวันที่ของระบบ</a></li>
						<li class="menu-last-child "><a href="javascript:void()" ><i class="fa fa-folder"></i> บันทึกข้อมูลภาษีมูลค่าเพิ่ม</a></li>
					</ul>
				</li>
				<li><a href="javascript:void()"><i class="fa fa-coffee"></i>  MWA User <span class="arrow "></span></a>
					<ul class="sub-menu">
						<li class="menu-last-child "><a href="javascript:void()" ><i class="fa fa-folder"></i> จัดทำใบแจ้งค่าบริการรายเดือน</a></li>
					</ul>
				</li>

				<li><a href="javascript:void()"><i class="fa fa-sign-out"></i> ออกจากระบบ</a></li>
			</ul>
		</div><!-- End side-menu-->
		
		<div class="col-sm-12 col-xs-12" id="right-detail">
			
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i> แก้ไขข้อมูลการอ่านมาตร</div><!--End navigator-bar-->
			<div >
			<div id="page-header" class="clearfix">
				<div>แก้ไขข้อมูลการอ่านมาตร</div>
				
			</div>
			
				
				
				<div class="form-detail clearfix" style="margin-bottom:-80px">
					<form class="form-inline" role="form">
				<div style="text-align:right">
					<div class="form-group clearfix">
    <label  for="exampleInputEmail2"> ทะเบียนผู้ใช้น้ำ : </label>
    <input type="text" class="form-control" id="exampleInputEmail2" placeholder="ทะเบียนผู้ใช้น้ำ">
	<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> ค้นหาผู้ใช้น้ำ</button>
  </div>
	
				</div>
					</form>
			
				</div>
				<!-- End form-detail -->
				
				<div class="form-detail clearfix" style="margin-bottom:-40px">
				
				<div class="search-box no-radius ">
					
					<form class="form-horizontal" role="form">
						
					<div class="search-header no-radius" style="padding:3px 15px">
						<h4><i class="fa fa-list-alt"></i> แก้ไขข้อมูลการอ่านมาตร</h4>
					</div>
					<fieldset class="inner">
					<legend>รายละเอียดผู้ใช้น้ำ</legend>
					<div class="row">
						<div class="col-sm-6"><strong>เลขที่ใบแจ้งหนี้</strong> : 5307001349</div>
						<div class="col-sm-2"><strong>เขต</strong> : 01</div>
						<div class="col-sm-2"><strong>เส้นทาง</strong> : 002</div>
						<div class="col-sm-2"><strong>ลำดับ</strong> : 001</div>
					</div>
					
					<div class="row mt-10">
						<div class="col-sm-4"><strong>ทะเบียนผู้ใช้น้ำ</strong> : 53000011</div>
						<div class="col-sm-4"><strong>ชื่อ</strong> : นาย ประปา นครหลวง</div>
						<div class="col-sm-4"><strong>ประเภทผู้ใช้น้ำ</strong> : ที่อยู่อาศัย</div>
					</div>
					
					<div class="row mt-10">
						<div class="col-sm-12"><strong>สถานที่ใช้น้ำ</strong> : 23/4 หมู่ 3 ถนน พระราม3 แขวง บางโพงพาง เขต ยานนาวา กรุงเทพ 10120</div>
						
					</div>
					</fieldset>
					
					<table  class="table-list"  >
					
						<tr>							
							<th width="20%" ></th>
							<th width="30%" >อ่านครั้งก่อน</th>
							<th width="30%" >อ่านครั้งหลัง</th>
							<th width="20%" ></th>							
						</tr>
						
						
						<tr>							
							<td style="text-align:right"><strong>วันที่อ่านน้ำ</strong></td>
							<td>25 / 04 / 2557</td>
							<td style="text-align:left" class="highlight-blue">
							<div>วันที่อ่านน้ำ</div>
							<div class='input-group date' id='datetimepicker1'>
							
							<input type='text' class="form-control" placeholder="วันที่อ่านน้ำ" value="25/04/2557" />
							<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
							</span>
						</div> </td>
							<td style="text-align:left"><input type="radio" /> คิดแบบค่าเฉลี่ย  <br /><input type="radio" checked="checked" /> คิดแบบปกติ
						</tr>
						
						<tr>							
							<td style="text-align:right"><strong>เลขในมาตร</strong></td>
							<td>638</td>
							<td style="text-align:left"  class="highlight-blue"><div>รวมเงิน</div><input type="text" class="form-control text-right" id="inputPassword3" placeholder="" value="883"></td>
							<td style="text-align:left"><button type="submit" class="btn btn-success">คำนวน</button></td>							
						</tr>
					
					</table>
					  
					 
					 </form>
					 </div>
			</div>
			
			<div class="form-detail clearfix" style="margin-top:-60px" >
			<table  class="table-list"  >
			
				<tr>
					<th width="20%">หน่วยที่ใช้</th>
					<th width="20%">ค่าน้ำ</th>
					<th width="20%">ค่าบริการ</th>
					<th width="20%">ภาษี</th>
					<th width="20%">รวมเป็นเงิน</th>
				</tr>
				
				<tr class="odd">
					<td><input type="text" class="form-control text-right" id="inputPassword3" placeholder="" value="245"></td>
					<td><input type="text" class="form-control text-right" id="inputPassword3" placeholder="" value="980"></td>
					<td><input type="text" class="form-control text-right" id="inputPassword3" placeholder="" value="24"></td>
					<td><input type="text" class="form-control text-right" id="inputPassword3" placeholder="" value="70.28"></td>
					<td><input type="text" class="form-control text-right" id="inputPassword3" placeholder="" value="1074.28"></td>
				</tr>
				
			</table>
			<hr />
			<div class="text-center mt-30">
						  <button type="submit" class="btn btn-primary"><i class="fa fa-floppy-o"></i> บันทึก</button>
						  <button type="submit" class="btn btn-primary"><i class="fa fa-times"></i> ยกเลิก</button>
						</div>
						
						
			</div>
			
				
					 
			</div>
			<!-- End detail-area -->
		
		
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
	</div><!-- End Detail-area-->


</div>
<!-- End Wrapper -->


<!-- JAVASCRIPT --> 
<script type="text/javascript" src="assets/js/jquery.min.js"></script> 
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="assets/js/bootstrap-datetimepicker.min.js" ></script>
<script type="text/javascript" src="assets/js/script.js"></script> 

<!-- END JAVASCRIPT -->
</body>
</html>